/* jQuery TreeTable Core 2.0 stylesheet
 *
 * This file contains styles that are used to display the tree table. Each tree
 * table is assigned the +treeTable+ class.
 * ========================================================================= */
.treeTable {
	margin: 0;
	padding: 0px, 1px, 0px, 1px;
}

.treeTable .tableHeader {
	background-color: #336699;
	color: white;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: white;
	height: 24px;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.treeTable .tableRegion {
	border: 1px solid silver;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 7px;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.treeTable span {
	background-position: center left;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 3px;
	padding-bottom: 6px;
}

.treeTable span.file {
	background-image: url(../images/file.png);
}

.treeTable span.folder {
	background-image: url(../images/folder.png);
}

/* jquery.treeTable.collapsible
 * ------------------------------------------------------------------------- */
.treeTable tr td .expander {
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 0px;
	zoom: 1; /* IE7 Hack */
}

.treeTable tr.collapsed td .expander {
	background-image: url(../images/toggle-expand-dark.png);
}

.treeTable tr.expanded td .expander {
	background-image: url(../images/toggle-collapse-dark.png);
}

/* jquery.treeTable.sortable
 * ------------------------------------------------------------------------- */
.treeTable tr.selected,.treeTable tr.accept {
	background-color: #3875d7;
	color: #FFF;
}

.treeTable tr.collapsed.selected td .expander,.treeTable tr.collapsed.accept td .expander
	{
	background-image: url(../images/toggle-expand-light.png);
}

.treeTable tr.expanded.selected td .expander,.treeTable tr.expanded.accept td .expander
	{
	background-image: url(../images/toggle-collapse-light.png);
}

.treeTable .ui-draggable-dragging {
	color: #000;
	z-index: 1;
}

.treeTable .odd a,.even a {
	color: #BLACK;
	font-size: 12px;
}

.treeTable .odd td,.treeTable .even td {
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 3px;
	padding-bottom: 6px;
	vertical-align: middle;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.treeTable .odd {
	background-color: #FFF;
}

.treeTable .even {
	background-color: #EEE;
}

.treeTable .highlight td {
	background-color: #fdecae;
}

.treeTable .highlight a,.highlight a {
	
}

.treeTable .ref,ref a {
	color: RED;
	text-decoration: underline;
}